<template>
  <div class="thcover">
    <div class="img"><img src="~assets/image/theory/cover1.jpg" alt="" /></div>
    <div class="text">泊天光子穴位康复仪</div>
    <div class="img"><img src="~assets/image/theory/cover2.jpg" alt="" /></div>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
.thcover img {
  width: 7.5rem;
}
.thcover .text {
  margin-left: 1.9rem;
  font-size: 0.33rem;
  font-weight: heavy;
  padding: 0.35rem 0.4rem;
  position: relative;
  display: inline-block;
}
.thcover .text::before, .text::after {
  width: 0.13rem;
  height: 0.38rem;
  content: "";
  position: absolute;
  top: 0.44rem;
  transform: skew(-20deg,0);
  background-color: #0C5DA9;
}
.text::before {
  left: 0;
}
.text::after {
  right: 0;
}
</style>